<link rel="stylesheet" href="templates/authority/messageHistory/css/messageHistory.css" />
<div class="pd14 vany_authority">
	<div class="vany_treeTable pd14" id="authority">
		<!--面包屑-->
		<div class="pb10" id="crumbs">
			<el-breadcrumb separator="/">
				<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
				<el-breadcrumb-item>消息中心</el-breadcrumb-item>
				<el-breadcrumb-item>消息记录</el-breadcrumb-item>
				<el-breadcrumb-item>消息查阅统计</el-breadcrumb-item>
			</el-breadcrumb>
			<i-favorite></i-favorite>
		</div>
		<!--表格-->
		<div id="contents">
			<div id="menuL">
				<el-menu mode="vertical" default-active="1">
					<el-menu-item index="1">消息详情</el-menu-item>
					<el-menu-item index="2">消息查阅统计</el-menu-item>
					<el-menu-item index="3">消息确认统计</el-menu-item>
					<el-menu-item index="4">消息发送统计</el-menu-item>
					<el-menu-item index="5">消息回复统计</el-menu-item>
				</el-menu>
			</div>
			<div class="contentR">
				<div id="chartTab">
					<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
						<el-tab-pane label="日统计" name="chartFirst">
							<div id="chartFirst" class="chartTab"></div>
						</el-tab-pane>
						<el-tab-pane label="周统计" name="chartSecond">
							<div id="chartSecond" class="chartTab"></div>
						</el-tab-pane>
						<el-tab-pane label="月统计" name="chartThird">
							<div id="chartThird" class="chartTab"></div>
						</el-tab-pane>
					</el-tabs>
				</div>
				
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="templates/authority/messageHistory/js/echarts.js"></script>
<script type="text/javascript" src="templates/authority/messageHistory/js/messageHistory.js?ts=new Date().getTime()"></script>